import React from 'react';

// props是一个只读属性，不能进行数据修改
/* const Items = (props) => {
  console.log(props)
  return (
    <div>
      我是一个函数组件
      <hr />
      <h3>{props.title}</h3>
    </div>
  );
} */

/* const Items = (props) => {
  let {title} = props
  return (
    <div>
      我是一个函数组件
      <hr />
      <h3>{title}</h3>
    </div>
  );
} */

const Items = ({ title, num }) => {

  const fn = () => {
    alert('fn函数')
  }

  return (
    <div>
      我是一个函数组件
      <hr />
      <h3>{title}</h3>
      <hr />
      <h3>{num}</h3>
      <hr />
      <button onClick={fn}>function 点击我试一下</button>
    </div>
  );
}

export default Items;
